<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>正能集团-首页</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/zn.css">
    <link rel="stylesheet" href="../static/css/zn-cglist.css">
    <!--特效-->
    <link rel="stylesheet" href="../static/css/animate.min.css">
    <!--图标-->
    <link rel="stylesheet" href="../static/fontawesome-free-5.15.2-web/css/all.min.css">
</head>
<body class="zn">
<!-- 头部导航开始 -->
<nav class="navbar navbar-expand-lg navbar-dark my-bg-black sticky-top">
    <a href="" class="navbar-brand">内蒙古正能集团-电子商务平台</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#myNav">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse justify-content-end" id="myNav">
        <ul class="navbar-nav my-nav-padding">
            <li class="nav-item">
                <a class="nav-link" href="./index.html">首页</a>
            </li>
            <!--咨询中心-->
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" id="zxzxMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    咨讯中心
                    <span class="caret"></span>
                </a>
                <div class="dropdown-menu" aria-labelledby="zxzxMenuLink">
                    <a class="dropdown-item" href="./info/bgypjylist.html">办公用品-采购公告</a>
                    <a class="dropdown-item" href="./info/hqwzjylist.html">后勤物资-采购公告</a>
                    <a class="dropdown-item" href="./info/scypjylist.html">生产用品-采购公告</a>
                    <a class="dropdown-item" href="./info/scyljylist.html">生产原料-采购公告</a>
                </div>
            </li>
            <!--办公用品交易-->
            <li class="nav-item dropdown active">
                <a href="" class="nav-link dropdown-toggle" id="bgypjyMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    办公用品交易
                    <span class="caret"></span>
                </a>
                <div class="dropdown-menu" aria-labelledby="bgypjyMenuLink">
                    <a class="dropdown-item" href="#">挂牌采购</a>
                    <a class="dropdown-item" href="#">竞价采购</a>
                    <a class="dropdown-item" href="#">竞价采购结果公示</a>
                </div>
            </li>
            <!--后勤物资交易-->
            <li class="nav-item dropdown">
                <a href="" class="nav-link dropdown-toggle" id="hqwzjyMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    后勤物资交易
                    <span class="caret"></span>
                </a>
                <div class="dropdown-menu" aria-labelledby="hqwzjyMenuLink">
                    <a class="dropdown-item" href="#">挂牌采购</a>
                    <a class="dropdown-item" href="#">竞价采购</a>
                    <a class="dropdown-item" href="#">竞价采购结果公示</a>
                </div>
            </li>
            <!--生产用品交易-->
            <li class="nav-item dropdown">
                <a href="" class="nav-link dropdown-toggle" id="scypjyMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    生产用品交易
                    <span class="caret"></span>
                </a>
                <div class="dropdown-menu" aria-labelledby="scypjyMenuLink">
                    <a class="dropdown-item" href="#">挂牌采购</a>
                    <a class="dropdown-item" href="#">竞价采购</a>
                    <a class="dropdown-item" href="#">竞价采购结果公示</a>
                </div>
            </li>
            <!--生产原料交易-->
            <li class="nav-item dropdown">
                <a href="" class="nav-link dropdown-toggle" id="scyljyMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    生产原料交易
                    <span class="caret"></span>
                </a>
                <div class="dropdown-menu" aria-labelledby="scyljyMenuLink">
                    <a class="dropdown-item" href="#">挂牌采购</a>
                    <a class="dropdown-item" href="#">竞价采购</a>
                    <a class="dropdown-item" href="#">竞价采购结果公示</a>
                </div>
            </li>
            <!--产品介绍-->
            <li class="nav-item dropdown">
                <a href="" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    产品简介
                    <span class="caret"></span>
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="#">硅石</a>
                    <a class="dropdown-item" href="#">兰炭</a>
                    <a class="dropdown-item" href="#">焦面</a>
                </div>
            </li>
            <!--服务支持-->
            <!--<li class="nav-item">
                <a class="nav-link" href="">服务支持</a>
            </li>-->
            <!--关于我们-->
            <li class="nav-item">
                <a class="nav-link" href="">关于我们</a>
            </li>
            <!--客户服务-->
            <li class="nav-item">
                <a class="nav-link" href="">客户服务</a>
            </li>
        </ul>
    </div>
    <a href="./login.html" target="_self" class="btn btn-outline-light my-button-padding" id="login">登录</a>
    <a href="./register.html" target="_self" class="btn btn-outline-light my-button-padding">注册</a>
</nav>
<!-- 头部导航结束 -->
<!--中间内容开始-->
<div class="container">
    <!--快速导航条开始-->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-white">
            <li class="breadcrumb-item"><a href="../index.html">首页</a></li>
            <li class="breadcrumb-item"><a href="#">办公用品交易</a></li>
            <li class="breadcrumb-item active" aria-current="page">挂牌采购</li>
        </ol>
    </nav>
    <!--快速导航条结束-->
    <!--筛选开始-->
    <div class="accordion" id="accordionExample">
        <div class="card">
            <div class="card-header" id="headingOne">
                <h2 class="mb-0">
                    <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        办公用品采购交易筛选
                    </button>
                </h2>
            </div>
            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                <ul class="list-group">
                    <!--竞价方式-->
                    <li class="list-group-item">
                        <div class="row">
                            <div class="col-2 text-right">
                                <p class="zn-sx-height">竞价方式</p>
                            </div>
                            <div class="col-10">
                                <button type="button" class="btn btn-light">挂牌采购</button>
                            </div>
                        </div>
                    </li>
                    <!--采购单位-->
                    <li class="list-group-item">
                        <div class="row">
                            <div class="col-2 text-right">
                                <p class="zn-sx-height">采购单位</p>
                            </div>
                            <div class="col-10">
                                <button type="button" class="btn btn-light">正能集团</button>
                                <button type="button" class="btn btn-light">路宝镁业</button>
                                <button type="button" class="btn btn-light">贸易公司</button>
                            </div>
                        </div>
                    </li>
                    <!--产品-->
                    <li class="list-group-item">
                        <div class="row">
                            <div class="col-2 text-right">
                                <p class="zn-sx-height">产品</p>
                            </div>
                            <div class="col-10">
                                <button type="button" class="btn btn-light">电脑</button>
                                <button type="button" class="btn btn-light">打印机</button>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--筛选结束-->
    <!--筛选列表开始-->
    <div class="bg-white detail-border">
        <div class="row">
            <div class="col-2 zn-sx-lineheight">
                <p class=" text-center">排序</p>
            </div>
            <div class="col-7 zn-sx-lineheight">
                <button type="button" class="btn btn-primary zn-sx-font">最新发布</button>
                <button type="button" class="btn btn-primary zn-sx-font">价格</button>
            </div>
            <div class="col-3 zn-sx-lineheight">
                <div>共<span style="color: #c82333;font-size: 24px;font-weight: bold">8条</span>采购挂牌交易记录</div>
            </div>
        </div>
    </div>

    <div class="bg-white">
        <table class="table bg-light table-hover">
            <thead>
            <tr>
                <th scope="col">资源编号</th>
                <th scope="col">产品中类</th>
                <th scope="col">产品小类</th>
                <th scope="col">产品名称</th>
                <th scope="col">交割地</th>
                <th scope="col">采购单位</th>
                <th scope="col">基准价格(含税)</th>
                <th scope="col">采购数量</th>
                <th scope="col">供货日期</th>
                <th scope="col">发布时间</th>
            </tr>
            </thead>
            <tbody class="zn-sx-font">
            <tr class="parent" onclick="clickaction(this)">
                <td>SH10550347</td>
                <td>办公用品</td>
                <td>办公用品</td>
                <td>联想电脑</td>
                <td>正能集团</td>
                <td>正能运销集团</td>
                <td>5800元/台</td>
                <td>50</td>
                <td>2021-03-13 15:11:42</td>
                <td>2021-03-13 15:11:42</td>
            </tr>
            <tr class="child" style="display: none" id="SH10550347">
                <td colspan="10">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5>挂牌简介</h5>
                                    <table class="table table-bordered text-center">
                                        <tbody>
                                        <tr>
                                            <td colspan="2">交货期间</td>
                                            <td>价格</td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">2021-03-16至2021-03-17</td>
                                            <td>￥5,570.00元/吨</td>
                                        </tr>
                                        <tr>
                                            <td>挂牌数量</td>
                                            <td>最小购买数量</td>
                                            <td>最小变量单位</td>
                                        </tr>
                                        <tr>
                                            <td>300吨</td>
                                            <td>5吨</td>
                                            <td>1吨</td>
                                        </tr>
                                        <tr>
                                            <td colspan="3">
                                                <a href="" class="btn btn-primary w-50">查看详情</a>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col">
                                    <h5 style="font-weight: bold">保证金</h5>
                                    <p>请输入所需的挂牌数量，以确定保证金的支付金额</p>
                                    <table class="table table-bordered text-center">
                                        <tbody>
                                        <tr>
                                            <td colspan="1">购买数量</td>
                                            <td colspan="3" class="text-right">5吨</td>
                                        </tr>
                                        <tr>
                                            <td colspan="1">交割方式</td>
                                            <td colspan="3" class="text-right">自提</td>
                                        </tr>
                                        <tr>
                                            <td colspan="1">交货地</td>
                                            <td colspan="3" class="text-right">鄂尔多斯煤制油仓库</td>
                                        </tr>
                                        <tr>
                                            <td colspan="1">详细地址</td>
                                            <td colspan="3" class="text-right">内蒙古鄂尔多斯市伊金霍洛旗乌兰木伦镇中国神华煤制油化工有限公司鄂尔多斯煤制油分公司</td>
                                        </tr>
                                        <tr>
                                            <td colspan="1">需支付保证金</td>
                                            <td colspan="3" class="text-right">3.00%</td>
                                        </tr>
                                        <tr>
                                            <td colspan="1">需支付履约保证金</td>
                                            <td colspan="3" class="text-right">--</td>
                                        </tr>
                                        <tr>
                                            <td colspan="4">
                                                <a href="" class="btn btn-danger w-50">支付保证金</a>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr class="parent" onclick="clickaction(this)">
                <td>SH3333</td>
                <td>办公用品</td>
                <td>办公用品</td>
                <td>联想电脑</td>
                <td>正能集团</td>
                <td>正能运销集团</td>
                <td>5800元/台</td>
                <td>50</td>
                <td>2021-03-13 15:11:42</td>
                <td>2021-03-13 15:11:42</td>
            </tr>
            <tr class="child" style="display: none" id="SH3333">
                <td colspan="10">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <h5>挂牌简介</h5>
                                    <table class="table table-bordered text-center">
                                        <tbody>
                                        <tr>
                                            <td colspan="2">交货期间</td>
                                            <td>价格</td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">2021-03-16至2021-03-17</td>
                                            <td>￥5,570.00元/吨</td>
                                        </tr>
                                        <tr>
                                            <td>挂牌数量</td>
                                            <td>最小购买数量</td>
                                            <td>最小变量单位</td>
                                        </tr>
                                        <tr>
                                            <td>300吨</td>
                                            <td>5吨</td>
                                            <td>1吨</td>
                                        </tr>
                                        <tr>
                                            <td colspan="3">
                                                <a href="" class="btn btn-primary w-50">查看详情</a>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col">
                                    <h5 style="font-weight: bold">保证金</h5>
                                    <p>请输入所需的挂牌数量，以确定保证金的支付金额</p>
                                    <table class="table table-bordered text-center">
                                        <tbody>
                                        <tr>
                                            <td colspan="1">购买数量</td>
                                            <td colspan="3" class="text-right">5吨</td>
                                        </tr>
                                        <tr>
                                            <td colspan="1">交割方式</td>
                                            <td colspan="3" class="text-right">自提</td>
                                        </tr>
                                        <tr>
                                            <td colspan="1">交货地</td>
                                            <td colspan="3" class="text-right">鄂尔多斯煤制油仓库</td>
                                        </tr>
                                        <tr>
                                            <td colspan="1">详细地址</td>
                                            <td colspan="3" class="text-right">内蒙古鄂尔多斯市伊金霍洛旗乌兰木伦镇中国神华煤制油化工有限公司鄂尔多斯煤制油分公司</td>
                                        </tr>
                                        <tr>
                                            <td colspan="1">需支付保证金</td>
                                            <td colspan="3" class="text-right">3.00%</td>
                                        </tr>
                                        <tr>
                                            <td colspan="1">需支付履约保证金</td>
                                            <td colspan="3" class="text-right">--</td>
                                        </tr>
                                        <tr>
                                            <td colspan="4">
                                                <a href="" class="btn btn-danger w-50">支付保证金</a>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
        <nav aria-label="Page navigation example">
            <ul class="pagination justify-content-center">
                <li class="page-item">
                    <a class="page-link" href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                    <a class="page-link" href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>

    <!--筛选列表结束-->
</div>
<!--中间内容结束-->
<!-- 底部开始 -->
<footer class="my-bg-black">
    <div class="container">
        <br>
        <div class="row ">
            <div class="col-lg-3 col-sm-6 text-center">
                <h5 class="my-font-color-h">关于我们</h5>
                <ul class="list-unstyled ">
                    <li><a href="#" class="text-muted my-font-color-li">公司官网</a></li>
                    <li><a href="#" class="text-muted my-font-color-li">产品信息</a></li>
                    <li><a href="#" class="text-muted my-font-color-li">正能荣誉</a></li>
                    <li><a href="#" class="text-muted my-font-color-li">联系我们</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-sm-6 text-center">
                <h5 class="my-font-color-h">快速入口</h5>
                <ul class="list-unstyled ">
                    <li><a href="#" class="text-muted my-font-color-li">开户须知</a></li>
                    <li><a href="#" class="text-muted my-font-color-li">交易规则</a></li>
                    <li><a href="#" class="text-muted my-font-color-li">合同模板</a></li>
                    <li><a href="#" class="text-muted my-font-color-li">操作指南</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-sm-6 text-center">
                <h5 class="my-font-color-h">服务支持</h5>
                <ul class="list-unstyled ">
                    <li><a href="#" class="text-muted my-font-color-li">开户须知</a></li>
                    <li><a href="#" class="text-muted my-font-color-li">交易规则</a></li>
                    <li><a href="#" class="text-muted my-font-color-li">合同模板</a></li>
                    <li><a href="#" class="text-muted my-font-color-li">操作指南</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-sm-6 text-center">
                <h5 class="my-font-color-h">服务热线</h5>
                <p class="my-font-color-li">集团总部：0477-3856111 <br>技术支持：0477-3856111 <br> 地址：内蒙古正能集团xxx号</p>

            </div>
        </div>
        <br>
        <div class="border-top my-font-color-li"></div>
        <p class="my-font-color-li text-center">© 2021 内蒙古正能集团有限公司 版权所有 --沪ICP备19038937号-2</p>
    </div>
</footer>
<!-- 底部结束 -->
<!--js-->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="../static/js/bootstrap.bundle.min.js"></script>
<script>
    /*列表单击事件*/
    function clickaction(node) {
        var tr1 =node;
        var id1 =tr1.cells[0].innerText;
        //alert(tr1.rowIndex);//获取在table中的行号
        //alert(tr1.cells[0].innerText);//获取本行中第一个单元格的内容
        var dis = document.getElementById(id1);
        var dis1= dis.style.display;

        if(dis1 == "none"){
            $("#"+id1).css("display","table-row");

        }else {
            $("#"+id1).css("display","none");
        }
    }
 
</script>
</body>
</html>